html[theme='default'] {
  // 背景色
  --color-bg-400: #d6d6d8;
  --color-bg-300: #f3f5f6;
  --color-bg-200: #fafafa;
  --color-bg-100: #fff;
  --color-bg-75: #f5f5f7;
  --color-bg-50: #f8f8fa;
  --color-bg-6: rgba(0, 0, 0, 0.06);
  --color-bg-hover: rgba(0, 0, 0, 0.03);

  --color-title: #fafafa;
  --color-content: #f8f8fa;

  //用例 
  --case-result-success-bg:#f6ffed;
  --case-result-success-border:#b7eb8f;
  --case-result-error-bg:#fff2f0;
  --case-result-error-border:#f1bdb4;

  //ant 
  --custom-collapse-bg:#fafafa;


  // 字体颜色
  --color-text: #232429;
  --color-text-85: rgba(0, 0, 0, 0.85);
  --color-text-75: rgba(0, 0, 0, 0.75);
  --color-text-65: rgba(0, 0, 0, 0.65);
  --color-text-45: rgba(0, 0, 0, 0.45);
  --color-text-25: rgba(0, 0, 0, 0.25);
  --color-text-6: rgba(0, 0, 0, 0.06); 

  //边框颜色
  --color-border: hsla(230, 90%, 11%, 0.12);
  --color-border-6: hsla(0, 0%, 0%, 0.1);
  --color-border-primary:#1677ff;

  // 蒙层
  --color-mask: rgba(0, 0, 0, 0.45);

  // 边框阴影
  --color-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
